@use 'bpmn-js/dist/assets/diagram-js.css';
@use 'bpmn-js/dist/assets/bpmn-js.css';
@use 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
@use 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
@use 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
@use 'bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css';
@use '@bpmn-io/properties-panel/assets/properties-panel.css';

// 去掉bpmn-js图标
.bjs-powered-by {
  display: none;
}

.bpmn-container {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: url('')
    repeat !important;
}

.bpmn-canvas {
  width: 100%;
  height: 94%;
  margin: 0;
  padding: 0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: var(--token-simulation-grey-darken-30, #212121);
}

.bts-toggle-mode {
  display: none;
}

.bio-properties-panel {
  border: 1px solid #dedede;
  background: white;
}

.highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: rgba(251, 233, 209, 1) !important; /* color elements as green */
}
.highlight g.djs-visual > :nth-child(1) {
  stroke: rgba(214, 126, 125, 1) !important;
}
.highlight-line g.djs-visual > :nth-child(1) {
  stroke: rgba(0, 190, 0, 1) !important;
}

@-webkit-keyframes dynamicNode {
  to {
    stroke-dashoffset: 100%;
  }
}
.highlight {
  .djs-visual {
    -webkit-animation: dynamicNode 18s linear infinite;
    -webkit-animation-fill-mode: forwards;
  }
}
